<template name="skeleton">
  <view class="sk-container">
    <view class="hot hot data-v-65205f53 data-v-65205f53">
      <view class="data-v-65205f53 data-v-65205f53"
            style="width:100%;position:fixed;top:0;z-index:100;backdrop-filter:blur(15px)">
        <view class="hot-first hot-first data-v-65205f53 data-v-65205f53">
          <view class="cover-text text-white padding-left-sm data-v-65205f53 sk-transparent sk-image">搜索指数最高——
            <text class="text-awGreen text-xl data-v-65205f53 sk-transparent sk-text-14-2857-214 sk-text"
                  style="font-weight:500">小动物
            </text>
          </view>
          <image class="data-v-65205f53 sk-image" mode="aspectFill" style="width:100%;height:131px"></image>
        </view>
        <view class="hot-category round data-v-65205f53 sk-image" style="--width:430px;--start-x:86px">
          <view class="active hot-category-item data-v-65205f53 sk-transparent sk-text-14-2857-355 sk-text">热度</view>
          <view class="hot-category-item data-v-65205f53 sk-transparent sk-text-14-2857-433 sk-text">评分</view>
          <view class="under-line round bg-gradual-awGreen data-v-65205f53 sk-image"
                style="transform:translateX(0px)"></view>
        </view>
      </view>
      <view class="hot-list hot-list data-v-65205f53 data-v-65205f53" style="--swiper:409px">
        <swiper autoplay="false" class="hot-list-swiper hot-list-swiper data-v-65205f53 data-v-65205f53"
                current="0" style="height:75vh;margin-bottom:17px">
          <swiper-item class="hot-list-swiper-item hot-list-swiper-item data-v-65205f53 data-v-65205f53"
                       style="height: 100%; position: absolute; width: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <scroll-view class="data-v-65205f53 data-v-65205f53" scroll-y="true" style="height:100%">
              <view class="hot-list-item hot-list-item data-v-65205f53 data-v-65205f53">
                <view class="hot-list-item-left hot-list-item-left data-v-65205f53 data-v-65205f53">
                  <image class="data-v-65205f53 sk-image" lazy-load="true" mode="aspectFit"
                         style="border-radius:5px"></image>
                </view>
                <view
                    class="hot-list-item-right hot-list-item-right padding-left-sm padding-left-sm padding-tb-xs padding-tb-xs data-v-65205f53 data-v-65205f53">
                  <view class="name text-lg flex justify-start data-v-65205f53 sk-transparent">小动物
                    <view class="search text-awGreen text-lg margin-left-sm data-v-65205f53 sk-transparent"
                          style="font-style:italic">94700
                      <text class="cuIcon-hot line-red data-v-65205f53 sk-pseudo sk-pseudo-circle"></text>
                    </view>
                  </view>
                  <view
                      class="score score flex flex justify-start justify-start align-center align-center data-v-65205f53 data-v-65205f53">
                    <view
                        class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                        style="width:68px">分类标签
                    </view>
                    <text
                        class="text-gray margin-left-xs text-df data-v-65205f53 sk-transparent sk-text-14-2857-992 sk-text">
                      7.1
                    </text>
                  </view>
                  <text class="desc text-df text-gray data-v-65205f53 sk-transparent sk-text-14-2857-993 sk-text">
                    voluptate veniam Ut
                  </text>
                  <view
                      class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                      style="width:68px">分类标签
                  </view>
                </view>
              </view>
              <view class="hot-list-item hot-list-item data-v-65205f53 data-v-65205f53">
                <view class="hot-list-item-left hot-list-item-left data-v-65205f53 data-v-65205f53">
                  <image class="data-v-65205f53 sk-image" lazy-load="true" mode="aspectFit"
                         style="border-radius:5px"></image>
                </view>
                <view
                    class="hot-list-item-right hot-list-item-right padding-left-sm padding-left-sm padding-tb-xs padding-tb-xs data-v-65205f53 data-v-65205f53">
                  <view class="name text-lg flex justify-start data-v-65205f53 sk-transparent">小动物
                    <view class="search text-awGreen text-lg margin-left-sm data-v-65205f53 sk-transparent"
                          style="font-style:italic">70700
                      <text class="cuIcon-hot line-red data-v-65205f53 sk-pseudo sk-pseudo-circle"></text>
                    </view>
                  </view>
                  <view
                      class="score score flex flex justify-start justify-start align-center align-center data-v-65205f53 data-v-65205f53">
                    <view
                        class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                        style="width:68px">分类标签
                    </view>
                    <text
                        class="text-gray margin-left-xs text-df data-v-65205f53 sk-transparent sk-text-14-2857-77 sk-text">
                      7.7
                    </text>
                  </view>
                  <text class="desc text-df text-gray data-v-65205f53 sk-transparent sk-text-14-2857-936 sk-text">amet
                    ullamco sunt
                  </text>
                  <view
                      class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-379 sk-text"
                      style="width:68px">分类标签
                  </view>
                </view>
              </view>
              <view class="hot-list-item hot-list-item data-v-65205f53 data-v-65205f53">
                <view class="hot-list-item-left hot-list-item-left data-v-65205f53 data-v-65205f53">
                  <image class="data-v-65205f53 sk-image" lazy-load="true" mode="aspectFit"
                         style="border-radius:5px"></image>
                </view>
                <view
                    class="hot-list-item-right hot-list-item-right padding-left-sm padding-left-sm padding-tb-xs padding-tb-xs data-v-65205f53 data-v-65205f53">
                  <view class="name text-lg flex justify-start data-v-65205f53 sk-transparent">小动物
                    <view class="search text-awGreen text-lg margin-left-sm data-v-65205f53 sk-transparent"
                          style="font-style:italic">56300
                      <text class="cuIcon-hot line-red data-v-65205f53 sk-pseudo sk-pseudo-circle"></text>
                    </view>
                  </view>
                  <view
                      class="score score flex flex justify-start justify-start align-center align-center data-v-65205f53 data-v-65205f53">
                    <view
                        class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                        style="width:68px">分类标签
                    </view>
                    <text
                        class="text-gray margin-left-xs text-df data-v-65205f53 sk-transparent sk-text-14-2857-88 sk-text">
                      8.2
                    </text>
                  </view>
                  <text class="desc text-df text-gray data-v-65205f53 sk-transparent sk-text-14-2857-745 sk-text">
                    proident voluptate et cupidatat sunt
                  </text>
                  <view
                      class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-899 sk-text"
                      style="width:68px">分类标签
                  </view>
                </view>
              </view>
              <view class="hot-list-item hot-list-item data-v-65205f53 data-v-65205f53">
                <view class="hot-list-item-left hot-list-item-left data-v-65205f53 data-v-65205f53">
                  <image class="data-v-65205f53 sk-image" lazy-load="true" mode="aspectFit"
                         style="border-radius:5px"></image>
                </view>
                <view
                    class="hot-list-item-right hot-list-item-right padding-left-sm padding-left-sm padding-tb-xs padding-tb-xs data-v-65205f53 data-v-65205f53">
                  <view class="name text-lg flex justify-start data-v-65205f53 sk-transparent">小动物
                    <view class="search text-awGreen text-lg margin-left-sm data-v-65205f53 sk-transparent"
                          style="font-style:italic">38900
                      <text class="cuIcon-hot line-red data-v-65205f53 sk-pseudo sk-pseudo-circle"></text>
                    </view>
                  </view>
                  <view
                      class="score score flex flex justify-start justify-start align-center align-center data-v-65205f53 data-v-65205f53">
                    <view
                        class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                        style="width:68px">分类标签
                    </view>
                    <text
                        class="text-gray margin-left-xs text-df data-v-65205f53 sk-transparent sk-text-14-2857-416 sk-text">
                      1.7
                    </text>
                  </view>
                  <text class="desc text-df text-gray data-v-65205f53 sk-transparent sk-text-14-2857-476 sk-text">
                    mollit
                  </text>
                  <view
                      class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-645 sk-text"
                      style="width:68px">分类标签
                  </view>
                </view>
              </view>
              <view class="hot-list-item hot-list-item data-v-65205f53 data-v-65205f53">
                <view class="hot-list-item-left hot-list-item-left data-v-65205f53 data-v-65205f53">
                  <image class="data-v-65205f53 sk-image" lazy-load="true" mode="aspectFit"
                         style="border-radius:5px"></image>
                </view>
                <view
                    class="hot-list-item-right hot-list-item-right padding-left-sm padding-left-sm padding-tb-xs padding-tb-xs data-v-65205f53 data-v-65205f53">
                  <view class="name text-lg flex justify-start data-v-65205f53 sk-transparent">小动物
                    <view class="search text-awGreen text-lg margin-left-sm data-v-65205f53 sk-transparent"
                          style="font-style:italic">61200
                      <text class="cuIcon-hot line-red data-v-65205f53 sk-pseudo sk-pseudo-circle"></text>
                    </view>
                  </view>
                  <view
                      class="score score flex flex justify-start justify-start align-center align-center data-v-65205f53 data-v-65205f53">
                    <view
                        class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                        style="width:68px">分类标签
                    </view>
                    <text
                        class="text-gray margin-left-xs text-df data-v-65205f53 sk-transparent sk-text-14-2857-879 sk-text">
                      9.7
                    </text>
                  </view>
                  <text class="desc text-df text-gray data-v-65205f53 sk-transparent sk-text-14-2857-46 sk-text">veniam
                    qui dolor
                  </text>
                  <view
                      class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-458 sk-text"
                      style="width:68px">分类标签
                  </view>
                </view>
              </view>
              <view class="hot-list-item hot-list-item data-v-65205f53 data-v-65205f53">
                <view class="hot-list-item-left hot-list-item-left data-v-65205f53 data-v-65205f53">
                  <image class="data-v-65205f53 sk-image" lazy-load="true" mode="aspectFit"
                         style="border-radius:5px"></image>
                </view>
                <view
                    class="hot-list-item-right hot-list-item-right padding-left-sm padding-left-sm padding-tb-xs padding-tb-xs data-v-65205f53 data-v-65205f53">
                  <view class="name text-lg flex justify-start data-v-65205f53 sk-transparent">小动物
                    <view class="search text-awGreen text-lg margin-left-sm data-v-65205f53 sk-transparent"
                          style="font-style:italic">61200
                      <text class="cuIcon-hot line-red data-v-65205f53 sk-pseudo sk-pseudo-circle"></text>
                    </view>
                  </view>
                  <view
                      class="score score flex flex justify-start justify-start align-center align-center data-v-65205f53 data-v-65205f53">
                    <view
                        class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-216 sk-text"
                        style="width:68px">分类标签
                    </view>
                    <text
                        class="text-gray margin-left-xs text-df data-v-65205f53 sk-transparent sk-text-14-2857-879 sk-text">
                      9.7
                    </text>
                  </view>
                  <text class="desc text-df text-gray data-v-65205f53 sk-transparent sk-text-14-2857-46 sk-text">veniam
                    qui dolor
                  </text>
                  <view
                      class="justify-end round text-sm text-gray margin-top-xs data-v-65205f53 sk-transparent sk-text-14-2857-458 sk-text"
                      style="width:68px">分类标签
                  </view>
                </view>
              </view>
            </scroll-view>
          </swiper-item>
        </swiper>
      </view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import "./styles/hot";

.sk-transparent {
  color: transparent !important;
}

.sk-text-14-2857-214 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 48.8372rpx;
  position: relative !important;
}

.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}

.sk-text-14-2857-355 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-433 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-992 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-993 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-216 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}

.sk-text-14-2857-77 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-936 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-379 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}

.sk-text-14-2857-88 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-745 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-899 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}

.sk-text-14-2857-416 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-476 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-645 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}

.sk-text-14-2857-879 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-46 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}

.sk-text-14-2857-458 {
  background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}

.sk-image {
  background: #EFEFEF !important;
}

.sk-pseudo::before, .sk-pseudo::after {
  background: #EFEFEF !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}

.sk-pseudo-rect::before, .sk-pseudo-rect::after {
  border-radius: 0 !important;
}

.sk-pseudo-circle::before, .sk-pseudo-circle::after {
  border-radius: 50% !important;
}

.sk-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: transparent;
}

</style>
<script lang="ts" setup>
</script>